<template>
  <n-tabs
    type="line"
    placement="left"
    style="height: 100vh;"
    pane-class="main-content"
  >
    <n-tab-pane name="dialog" tab="对话框">
      <dialog-api />
    </n-tab-pane>
    <n-tab-pane name="window" tab="通知提示">
      <notification-api />
    </n-tab-pane>
    <n-tab-pane name="opener" tab="指定打开应用">
      <opener-api />
    </n-tab-pane>
    <n-tab-pane name="log" tab="日志">
      <log-api />
    </n-tab-pane>
    <n-tab-pane name="os" tab="系统信息">
      <os-api />
    </n-tab-pane>
    <n-tab-pane name="store" tab="存储">
      <store-api />
    </n-tab-pane>
    <n-tab-pane name="sql" tab="数据库">
      <sql-api />
    </n-tab-pane>
  </n-tabs>
</template>

<script setup>
import DialogApi from './api/dialog.vue'
import NotificationApi from './api/notification.vue'
import OpenerApi from './api/opener.vue'
import LogApi from './api/log.vue'
import OsApi from './api/os.vue'
import StoreApi from './api/store.vue'
import SqlApi from './api/sql.vue'
</script>

<style scoped>

</style>
